<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>构建配置-解析渲染流程</title>
  <style></style>
</head>

<body>
  <div>
    <div>
      <h1>服务端渲染</h1>
      <p>通过服务端路由匹配，匹配成功之后 调用 renderToString (这是'vue-server-renderer'插件包) 方法进行渲染，把vue实例渲染成html发送给客服端</p>
      <p></p>
      <p>打包过后的dist文件里面的 vue-ssr-server-bundle.json 文件里面 的'entry' 入口文件 'server-bundle.js' 这里面有 entry-server.js 创建的vue实例
      </p>
      <p>使用'vue-server-renderer' 的 createBundleRenderer 方法 调用了打包过后的dist文件里面的
        vue-ssr-server-bundle.json文件，把渲染的结果注入到template中</p>
      <p>通过服务端路由匹配，匹配成功之后 调用 renderToString (这是'vue-server-renderer'插件包) 方法进行渲染，把vue实例渲染成html发送给客服端</p>
    </div>
    <div>
      <h1>客服端渲染</h1>
      <p>vue-ssr-client-manifest.json 这是打包过后生成的文件 里面描述了需要构建的信息</p>
      <p>https://ssr.vuejs.org/zh/guide/hydration.html</p>
    </div>
  </div>
  <script></script>
</body>

</html>